/*********** BUTTON *************/
.btn-menu li {display: block; float: left;line-height: 30px; list-style:none; margin:5px 5px;}
.btn-menu li a {
	/* This generators the gradient on top of the solid color */
	background-image:#fff;/* -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, rgba(255,255,255,.5)),
		color-stop(1, rgba(0,0,0,.1))
	);
	background-image: -moz-linear-gradient(
		center top,
		rgba(255,255,255,.5) 0%,
		rgba(0,0,0,.1) 100%
	);
	/*color: #f4f4f4; /* IE *
	color: rgba(255, 255, 255, 0.8);*/
	color:#fff; display: block; font: bold 18px "Myriad Pro","Lucida Grande",Helvetica,Arial,sans-serif;
	outline:none; padding: 5px 10px 4px 10px; text-decoration: none; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
	border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; 
	/*box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.65);
	-moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.65);
	-webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.65);*/
}
	.btn-menu li a:active {
		background-image:#fff;/* -webkit-gradient(
			linear,
			left bottom,
			left top,
			color-stop(0,rgba(255,255,255,.5)),
			color-stop(.1,rgba(255,255,255,.2)),
			color-stop(.85, rgba(0,0,0,.2)),
			color-stop(100, rgba(0,0,0,.4))
		);
		background-image: -moz-linear-gradient(
			center bottom,
			rgba(255,255,255,.5) 0%,
			rgba(255,255,255,.2) 10%,
			rgba(0,0,0,.2) 85%,
			rgba(0,0,0,.4) 100%
		);*/
	}

/*********** COLORS *************/
/* Create your own class for your own colors */

.btn-menu .red { background: #ff0000; border: #ff0000 1px solid; }
.btn-menu .red:hover, .red:focus{ background-color:#fff; color:#ff0000; }
	
.btn-menu .green { background: #00ff00; border: #00ff00 1px solid; }
.btn-menu .green:hover,.green:focus { background-color:#fff; color:#00ff00; }
	
.btn-menu .cyan { background: #00ccff; border: #00ccff 1px solid; }
.btn-menu .cyan:hover,.cyan:focus { background-color:#fff; color:#00ccff; }

.btn-menu .orange { background: #ff6600; border: #ff6600 1px solid; }
.btn-menu .orange:hover,.orange:focus { background-color:#fff; color:#ff6600; }
	
.btn-menu .pink { background: #ff00cc; border: #ff00cc 1px solid; }
.btn-menu .pink:hover,.pink:focus { background-color:#fff; color:#ff00cc; }
	
.btn-menu .purple { background: #aa00ff; border: #aa00ff 1px solid; }
.btn-menu .purple:hover,.purple:focus { background-color:#fff; color:#aa00ff; }
	
.btn-menu .blue { background: #0033cc; border: #0033cc 1px solid; }
.btn-menu .blue:hover,.blue:focus { background-color:#fff; color:#0033cc; }
	